<!doctype html>
<html>
<head>
<title>欢迎投票</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link href="//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href="css/font-awesome.css" rel="stylesheet"> <!-- Font-awesome-CSS --> 
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery-2.1.4.min.js"></script>
	<script src="js/jquery.raccordion.js" type="text/javascript"></script>
	<script src="js/jquery.animation.easing.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/raccordion.css" />
    <script type="text/javascript">
        $(window).load(function () {
            $('#accordion-wrapper').raccordion({
                speed: 1000,
                sliderWidth: 700,
                sliderHeight: 300,
                autoCollapse: false
            });
        });
    </script>
</head>
<body>
<div class="content" id="Main-Content">
	<h1>投票题目</h1>
	<div class="wrapper">
		<div id="accordion-wrapper">
            <div class="slide">
                <img src="images/1.jpg" alt="image" />
				<div class="caption">
                    <div class="pricing">
							<div class="pricing-top green-top">
								<i class="fa fa-check-square-o" aria-hidden="true"></i>
							</div>
							<div class="pricing-bottom">
								<div class="pricing-bottom-bottom">
									<h2>请为他们投上一票吧！</h2>
									<p>投票描述，天上地下唯我独尊，啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
								</div>
								<div class="buy-button green-button">
								<ul>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								</ul>
								</div>
							</div>
					</div>
                </div>
            </div>
            <div class="slide slide-two-w3ls">
                <img src="images/3.jpg" alt="image" />
				<div class="caption">
                    <div class="pricing">
							<div class="pricing-top blue-top">
								<h3>开始投票</h3>
							</div>
							<div class="pricing-bottom two">
								<div class="pricing-bottom-bottom">
								<form action="#" method="post">
									<div class="content-wthree2">
										<div class="grid-w3layouts1">
											<div class="w3-agile1">
												<label class="rating">1星是1号呦</label>
												<ul>
													<li>
														<input type="radio" id="a-option" name="selector1">
														<label for="a-option">
															<i class="fa fa-star-o" aria-hidden="true"></i>
														</label>
														<div class="check"></div>
													</li>
													<li>
														<input type="radio" id="b-option" name="selector1">
														<label for="b-option">
															<i class="fa fa-star-o" aria-hidden="true"></i>
															<i class="fa fa-star-o" aria-hidden="true"></i>
														</label>
														<div class="check"><div class="inside"></div></div>
													</li>
													<li>
														<input type="radio" id="c-option" name="selector1">
														<label for="c-option">
															<i class="fa fa-star-o" aria-hidden="true"></i>
															<i class="fa fa-star-o" aria-hidden="true"></i> 
															<i class="fa fa-star-o" aria-hidden="true"></i>
														</label>
														<div class="check"><div class="inside"></div></div>
													</li>
													<li>
														<input type="radio" id="d-option" name="selector1">
														<label for="d-option">
															<i class="fa fa-star-o" aria-hidden="true"></i>
															<i class="fa fa-star-o" aria-hidden="true"></i>
															<i class="fa fa-star-o" aria-hidden="true"></i>
															<i class="fa fa-star-o" aria-hidden="true"></i>
														</label>
														<div class="check"></div>
													</li>
													<li>
														<input type="radio" id="e-option" name="selector1">
														<label for="e-option">
															<i class="fa fa-star-o" aria-hidden="true"></i>
															<i class="fa fa-star-o" aria-hidden="true"></i>
															<i class="fa fa-star-o" aria-hidden="true"></i>
															<i class="fa fa-star-o" aria-hidden="true"></i>
															<i class="fa fa-star-o" aria-hidden="true"></i>
														</label>
														<div class="check"></div>
													</li>
												</ul>
												<div class="clear"></div>
											</div>	
										</div>
									</div>
									<input type="submit" name="submit" value="投票">
								</form>

								</div>
							</div>
						</div>
                </div>
            </div>
        </div>
    </div>
	<!--copyright-->
	<div class="w3ls-copyright">
		<p>© 2017 技术支持 伟哥的98k 随大大的7.62mm </p>
	</div>
</div>
</body>
</html>
